<template>
    <view class="page">
        <div class="recordCard" v-for="(item,index) in recordList" :key="index">
        <div class="u-flex u-row-between">
          <h4>{{item.task_name}}</h4>
          <p :style="{color:$u.color['tipsColor']}">{{item.addtime}}</p>
        </div>
          <p class="u-flex u-col-center integral"><u-icon name="../../static/images/icon-score2.png" color="#ff9900" size="38"></u-icon>{{item.integral}}</p>

        </div>
    </view>
</template>

<script>
export default {
name: "recordList",
  data(){
  return{
    recordList:[]
  }
  },
  onLoad(){
    this.getIntegralRecordList()
  },
  methods:{
    getIntegralRecordList(){
      const data  = {

      }
      this.$http.getIntegralRecordList(data).then(res=>{
        this.recordList  = res.data.record_list
        // addtime: "2020-12-18 23:11:13"
        // class: 0
        // id: 1
        // integral: 5
        // task_name: "每日登录"
        // type: 1
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.recordCard{
  background-color: #fff;
  padding:20upx;
  .integral{
    color:#F69A30;
    font-weight: 800;
    font-size:32upx
  }
}
</style>
